<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml"
      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
      layout:decorate="~{common/base}">
<head>
  <title>index</title>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

</head>
<body class="sidebar-mini skin-blue">
<div layout:fragment="index">

  <script th:src="@{~/js/jquery.min.js}" th:inline="javascript" type="text/javascript"></script>
  <!-- jQuery UI 1.11.4 -->
  <script th:src="@{~/js/plugins/jQueryUI/jquery-ui.js}" th:inline="javascript" type="text/javascript"></script>
  <!-- Bootstrap 3.3.7 -->
  <script th:src="@{~/js/plugins/bootstrap/js/bootstrap.min.js}" th:inline="javascript" type="text/javascript"></script>
  <!-- zTree-->
  <script th:src="@{~/js/plugins/ztree/jquery.ztree.all.js}" th:inline="javascript" type="text/javascript"></script>
  <script th:src="@{~/js/plugins/select2/js/select2.full.js}" th:inline="javascript" type="text/javascript"></script>

  <script th:src="@{~/js/biz/select2Util.js}" th:inline="javascript" type="text/javascript"></script>
  <script th:src="@{~/js/biz/ztree.js}" th:inline="javascript" type="text/javascript"></script>

  <style type="text/css">
    .ztree li span.button.icon03_ico_open{margin-right:2px; background: url(/img/diy/3.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
    .ztree li span.button.icon03_ico_close{margin-right:2px; background: url(/img/diy/3.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}

    .ztree li span.button.icon04_ico_open{margin-right:2px; background: url(/img/diy/4.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
    .ztree li span.button.icon04_ico_close{margin-right:2px; background: url(/img/diy/4.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}

    .ztree li span.button.icon05_ico_open{margin-right:2px; background: url(/img/diy/5.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
    .ztree li span.button.icon05_ico_close{margin-right:2px; background: url(/img/diy/5.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}

    .ztree li span.button.icon03_ico_docu{margin-right:2px; background: url(/img/diy/3.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
    .ztree li span.button.icon04_ico_docu{margin-right:2px; background: url(/img/diy/4.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
    .ztree li span.button.icon05_ico_docu{margin-right:2px; background: url(/img/diy/5.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
  </style>

  <script type="text/javascript">
      $(function () {
          ZTreeUtil.init();
      });

      $(document).ready(function() {
          $('select').each(function (inde,item) {
              $(item).select2();
              $(item).val("");
          })
      });
  </script>

  <section class="content">
    <div class="box box-info">
      <div class="box box-widget no-margin">
        <div class="box-header clearfix">
          <div class="box-title">基础属性</div>
        </div>
        <div class="box-body">
          <div class="row">
            <div class="col-xs-12">
              <form class="form-horizontal">
                <div class="form-group">
                  <div class="col-xs-2"></div>
                  <div class="col-xs-8">
                    <button type="button"  class="btn btn-primary form-control" data-toggle="modal" data-target="#chooseModal">选择模型</button>
                  </div>
                  <div class="col-xs-2"></div>
                </div>
                <div class="form-group">
                  <div class="col-xs-6">
                    <label  class="col-sm-2 control-label">编目码</label>

                    <div class="col-xs-10">
                      <input type="text" class="form-control" value="此项后台自动生成" disabled>
                    </div>
                  </div>

                  <div class="col-xs-6">
                    <label  class="col-xs-3 control-label" id="zd">阵地</label>
                    <div class="col-xs-9">
                      <select  class="form-control" >
                        <option value=""></option>
                        <option value="real">AAAAA</option>
                        <option value="no_real">BBBBB</option>
                        <option value="no_real">CCCCCC</option>
                        <option value="no_real">EEEEEE</option>
                      </select>
                    </div>
                  </div>

                </div>

                <div class="form-group">
                  <div class="col-xs-6">
                    <label  class="col-xs-2 control-label">单位</label>

                    <div class="col-xs-10">
                      <select  class="form-control" >
                        <option value=""></option>
                        <option value="real">AAAAA</option>
                        <option value="no_real">BBBBB</option>
                        <option value="no_real">CCCCCC</option>
                        <option value="no_real">EEEEEE</option>
                      </select>
                    </div>
                  </div>
                  <div class="col-xs-6">
                    <label  class="col-sm-3 control-label">数据名称</label>

                    <div class="col-xs-9">
                      <select  class="form-control"  id="dataName">
                        <option value=""></option>
                        <option value="real">AAAAA</option>
                        <option value="no_real2">BBBBB</option>
                        <option value="no_real3">CCCCCC</option>
                        <option value="no_real4">EEEEEE</option>
                      </select>
                    </div>
                  </div>

                </div>

                <div class="form-group">
                  <div class="col-xs-6">
                    <label  class="col-xs-2 control-label">手段</label>

                    <div class="col-xs-8">
                      <select  class="form-control"  id="sd">
                        <option value=""></option>
                        <option value="real">AAAAA</option>
                        <option value="no_real1">BBBBB</option>
                        <option value="no_real2">CCCCCC</option>
                        <option value="no_real3">EEEEEE</option>
                      </select>
                    </div>
                  </div>

                  <div class="col-xs-6">
                    <label  class="col-xs-3 control-label">数据类型</label>
                    <div class="col-xs-9">
                      <select  class="form-control"  id="dataType">
                        <option value=""></option>
                        <option value="real">AAAAA</option>
                        <option value="no_real1">BBBBB</option>
                        <option value="no_real2">CCCCCC</option>
                        <option value="no_real3">EEEEEE</option>
                      </select>
                    </div>
                  </div>
                </div>

                <div class="form-group">
                  <div class="col-xs-6">
                    <label  class="col-xs-2 control-label">种类</label>

                    <div class="col-xs-10">
                      <select id="type" class="form-control" onchange="Select2Util.onChange()">
                        <option value=""></option>
                        <option value="real">实时数据</option>
                        <option value="no_real">非实时数据</option>
                      </select>
                    </div>
                  </div>

                  <div class="col-xs-6">
                    <label  class="col-xs-3 control-label" id="number">当前条数</label>
                    <div class="col-xs-9">
                      <input type="text" class="form-control" disabled value="123456">
                    </div>
                  </div>
                </div>

                <div class="form-group">
                  <div class="col-xs-6">
                    <label  class="col-xs-2 control-label">数据定位</label>
                    <div class="col-xs-10">
                      <input type="text" class="form-control">
                    </div>
                  </div>
                  <div class="col-xs-6">
                    <label  class="col-xs-3 control-label">数据库类型</label>
                    <div class="col-xs-9">
                      <input type="text" class="form-control">
                    </div>
                  </div>
                </div>
                <div class="form-group">
                  <div class="col-xs-6">
                    <label  class="col-xs-2 control-label">文件路径</label>
                    <div class="col-xs-10">
                      <input type="text" class="form-control">
                    </div>
                  </div>
                </div>
              </form>

            </div>
          </div>
        </div>
      </div>
      <div class="box box-widget no-margin">
        <div class="box-header clearfix">
          <div class="box-title">扩展属性</div>
        </div>
        <div class="box-body">
          <div class="row">
            <div class="col-xs-12">
              <form class="form-horizontal">
                <div class="form-group">
                  <div class="col-xs-6">
                    <label  class="col-xs-2 control-label">保留属性</label>
                    <div class="col-xs-10">
                      <input type="text"  class="form-control"/>
                    </div>
                  </div>
                  <div class="col-xs-6">
                    <label  class="col-xs-3 control-label">保留属性描述</label>
                    <div class="col-xs-9">
                      <input type="text"  class="form-control"/>
                    </div>
                  </div>
                </div>
              </form>
            </div>
          </div>

          <div id="addAttr" class="primeAttrSet">
          </div>
        </div>
      </div>
    </div>
  </section>

  <!--选择手段属性Modal-->
  <div class="modal fade" id="chooseModal">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close" onclick=" ">
            <span aria-hidden="true">&times;</span></button>
          <h4 class="modal-title"><span>选择模型:</span>
            <select  class="form-control">
              <option value="real">模型11111111</option>
              <option value="no_real">模型22222222</option>
            </select></h4>
        </div>
        <div class="modal-body">
          <ul id="treeDemo" class="ztree"></ul>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default pull-left" data-dismiss="modal" onclick="">关闭</button>
          <button type="button" class="btn btn-primary" onclick="ZTreeUtil.ok()">确定</button>
        </div>
      </div>
    </div>
  </div>
</div>
</body>
</html>
